@(projectId: Long, form: Form[TestSuiteWizard.Step1])

@import play.i18n._

@css = {
	<link rel="stylesheet" type="text/css" href="@routes.Assets.at("css/testsuites/wizard.min.css")" />
}

@main(Messages.get("view.testsuites.page.wizard.add.step1.title"), css) {
	
	<div class="resource-form resource-form-2-column">
		@helper.form(action = routes.TestSuites.submitCreateTestSuite(projectId, 1)) { 
			
			<div class="column">
				
			@helper.inputText(form("name"), '_label -> Messages.get("view.testsuites.wizard.add.step1.name.label"), '_help -> Messages.get("view.testsuites.wizard.add.step1.name.help"))
			
			@helper.textarea(form("description"), '_label -> Messages.get("view.testsuites.wizard.add.step1.description.label"), '_help -> Messages.get("view.testsuites.wizard.add.step1.description.help"), 'class -> "input-description")
				
			</div>
			
			<div class="column-wide">
				<button type="submit" name="action" value="next">@Messages.get("view.testsuites.wizard.button.next.label") &raquo;</button>
			</div>
			
		}
		
		<div class="clear-right"></div>
	</div>
	
}
